<style>
.dot{width: 10px;height: 10px;background: #fff;border-radius: 50%;display: block;float: left;}
.dot-line{float: left;margin-top:168px; margin-left:10px;position: relative;z-index: 3;}
.roundxi{
  float: left;
  width:auto;
  border: 1px solid #fff;
  font-size:11px;
  border-radius: 20px;
  padding: 2px 8px;
  background-color: #e6e6e6;
}
.hr0{ width:18px;height:1px;border:none;border-top:1px solid #fff;}
.hr1{ width:18px;height:1px;border:none;border-top:1px solid #555555;}
.hr2{ width:18px;height:3px;border:none;border-top:3px double red;}
.hr3{ width:18px;height:5px;border:none;border-top:5px ridge green;}
.hr4{ width:18px;height:10px;border:none;border-top:10px groove skyblue;}
.jylabel {
	padding:2px;
	margin-top:3px;
	font-size: 12px;
}
.fui-goods-group {
    height: auto;
    overflow: hidden;
    background: #fff;
}

.fui-goods-item {
    position: relative;
    height: auto;
    padding: 10px;
    border-bottom: 1px solid #e7e7e7;
    background: #fff;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.fui-goods-group.block .fui-goods-item {
    width: 14%;
    float: left;
    border-bottom: 0;
    background: none;
    padding: 9px;
    display: block;
}

.fui-goods-group.block .fui-goods-item .image {
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding-bottom: 70%; /* 关键就在这里 */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.fui-goods-group.block .fui-goods-item .image .timeshow{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 0 10px;
	width:90%;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    height: 25px;
    line-height: 25px;
    background-color: #999;
    color: #FFF;
    text-align: left;
    font-size: 12px;
}
.fui-goods-group.block {
    padding: 0;
}

.fui-goods-group.block .fui-goods-item .image {
    float: none;
}
.fui-goods-group.block .fui-goods-item .image:after{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    /*background-color: #333;
    opacity: 0.38;*/
    z-index: 1;
    width: 100%;
    height: 100%;
}
.fui-goods-group.block .fui-goods-item .detail {
    padding: 4px 0;
    overflow: hidden;
}

.fui-goods-group.block .fui-goods-item .detail .name {
    height: 26px;
    overflow: hidden;
	font-size:14px;
}
.fui-goods-group.block .fui-goods-item .subtitle {
    color: 9a9a9a;
}
.fui-goods-group.block .fui-goods-item .center-image {
    max-width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-size: contain;
}
.fui-goods-group.block.one .fui-goods-item {
    width: 100%;
    float: none;
}

.fui-goods-group.block.three .fui-goods-item {
    width: 33.33%;
}
.fui-goods-item .image {
    height: 4.75rem;
    width: 5.75rem;
    float:left;
    background-size:100%;
    position: relative;
    overflow: hidden;
}
.fui-goods-item .image2 {
    height: 8.75rem;
    width: 5.75rem;
}
.diy-phone {
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
}

.diy-phone .phone-head {
    height: 44px;
    background: #fff;
    position: relative;
}

.diy-phone .phone-head:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 130px;
    height: 4px;
    width: 4px;
    background: #ddd;
    border-radius: 4px;
}

.diy-phone .phone-head:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 140px;
    height: 4px;
    width: 25px;
    background: #ddd;
    border-radius: 4px;
}
.diy-phone .phone-head-2 {
    height: 44px;
    background: #fff;
    position: relative;
}

.diy-phone .phone-head-2:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 130px;
    height: 4px;
    width: 4px;
    background: #ddd;
    border-radius: 4px;
}

.diy-phone .phone-head-2:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 140px;
    height: 4px;
    width: 25px;
    background: #ddd;
    border-radius: 4px;
}
.diy-phone .phone-foot {
    height: 14px;
    width: 60px;
    margin: 5px auto 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.diy-phone .phone-body .timeshow{
    position: absolute;
    top: 20px;
    left: 0;
    overflow: hidden;
    padding: 0 10px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-radius: 5px;
    height: 25px;
    line-height: 25px;
    background-color: #18bc9c;
    color: #FFF;
    text-align: center;
    font-size: 12px;
}
.app-list-top{
	margin:10px 0;
	width:100%;
	float:left;
}
.app-list-top a{
	padding:6px 20px;
	border-radius:30px;
}
.app-list-content{
	margin-top:20px;
}
.jinyun-app-list {
	padding:0
}
.jylabel-primary {
	border: 1px solid #999;color:#999;
}
.jylabel-primary.active,.jylabel-primary:focus,.jylabel-primary:hover,.jylabel-primary[href]:focus,.jylabel-primary[href]:hover {
	border: 1px solid #18bc9c;
}
</style>
<div class="app-list-top">
	<div class="l">
		<a href="javascript:;" ng-click="access_json('/home.plugin_home/get/nolegao=0')" ng-class="{'jylabel jylabel-primary':1,'active':pagedata.params.nolegao!=1}">场景应用</a>
		<a href="javascript:;" ng-click="access_json('/home.plugin_home/other/nolegao=1')" ng-class="{'jylabel jylabel-primary':1,'active':pagedata.params.nolegao==1}">其他应用</a>
		<span style="color:#999;margin-left:60px">更多应用-></span>
		<a href="javascript:;" ng-click="access_json('/account.store//type=1')" class="jylabel jylabel-red">应用商店</a>
	</div>
	<div class="r" style="padding-right:10px">
		<div class="input-group jinyun-margin-bottom" style="width:366px;margin-bottom:0">
			<input class="form-control" type="text" ng-model="pagedata.params.keyword" placeholder="请输入关键词" style="width: 330px;">
			<span class="input-group-btn"><button id="submit" ng-click="pagedata.params.page=1;access(pagedata.op,made_query(pagedata.params))" class="btn btn-primary"><i class="fa fa-search"></i></button></span>
		</div>
	</div>
</div>
<div class="app-list-types">
	<a href="javascript:;" ng-click="access_json('/home.plugin_home/get/nolegao='+pagedata.params.nolegao+'&groupid=0')" ng-class="{'jylabel jylabel-primary':1,'active':pagedata.params.groupid == 0}">全部{{pagedata.params.nolegao!=1?'场景':'应用'}}</a>
	<a ng-repeat="(key,item) in pagedata.groups" href="javascript:;" ng-click="access_json('/home.plugin_home/get/nolegao='+pagedata.params.nolegao+'&groupid='+key)" ng-class="{'jylabel jylabel-primary':1,'active':pagedata.params.groupid == key}">{{item}}</a>
</div>
<div class="app-list-content">
		<div class="jinyun-app-list">
			<div class="fui-goods-group block">
			 <div class="fui-goods-item" ng-repeat="item in pagedata.list">
						<a style="position: relative;">
							<div class="image" style="background-image: url('{{tomedia(item.image,true) || '../core/resource/images/noplugin.jpg'}}');">
								<!--<div class="timeshow">{{item.description || '没有设置描述！'}}</div>-->
								<div class="dot-line"><span class="dot" style="margin-top:6px"></span><span class="hr0" style="float: left;margin-top:10px"></span><span class="roundxi">{{item.oneword || '没有设置!'}}</span></div>
							</div>
						</a>
						<a>
							<div class="detail">
								<div class="name" style="font-size:13px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;">{{item.title}} <button  class="buy r" href="javascript:;" style="font-size:13px" ng-click="access_json(item.name+'/basic.module_home/')">进入</button></div>
								<div class="title" style="margin-top: 6px;line-height:26px;">支持平台：
									<span class="jylabel jylabel-primary-0 active">H5</span>
									<span class="jylabel jylabel-primary-0 active">PC</span>
									<span class="jylabel jylabel-primary-0 active">公众号</span>
									<span class="jylabel jylabel-primary-0 active">各类小程序</span>
								</div>
							</div>
						</a>
				</div>
				<div class="content-empty" ng-if="!pagedata.list || pagedata.list.length == 0">
					<p style="color: #999;text-align:left"><i class="fa fa-frown-o" style="font-size: 15px;color: #999;"></i> 该分类下没有{{pagedata.params.nolegao==1?'场景':'应用'}}！</p>
				</div>
			</div>
		</div>
		<!-- 分页导航 -->
		<div ng-include="sys_html('common/page',true)"></div>
</div>